跳至主要内容

HTML Basic

Quick View​

https://www.ptt.cc/bbs/Gossiping/index.html

Enter this on browser
view-source:https://www.ptt.cc/bbs/Gossiping/index.html

What is HTML​

  • HTML (HyperText Markup Language)
  • A markup language
  • Used to define structure and content of a web page.

Tag and Attribute​

<tag attribute="something"> content </tag>

HTML Example​

<!DOCTYPE html>
<html>
<head>
    <title>My First Web Page</title>
</head>
<body>
    <h1>Hello World!</h1>
    <p>This is a paragraph.</p>
</body>
</html>

Simple Example​

Untitled

Untitled

Common HTML Elements (tags)​

ElementDescriptionExample
<html>Root element of the HTML document<html>...</html>
<head>Page info (not shown on screen)<title>, <meta>
<body>Main content — this is what crawlers focus on<h1>, <p>, <div>
<h1>~<h6>Headings (h1 is largest)<h1>Title</h1>
<p>Paragraph<p>This is text.</p>
<a>Hyperlink<a href="https://example.com">Click me</a>
<img>Image<img src="image.jpg">
<div> / <span>Containers for grouping content<div>Block</div>
<table>Table (commonly used for prices, rankings, etc.)<table>...</table>

HTML Practice​

Sample Code​

https://github.com/uuboyscy/course-html/tree/master

Replit​

https://replit.com/